/* Global CSS Reset */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Basic styling for html and body */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #000 !important;
  color: #fff !important;
  min-height: 100vh !important;
  width: 100% !important;
  /* 允许正常滚动 */
  height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: relative;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}

/* App容器样式 */
#app {
  min-height: 100%;
  width: 100%;
  position: relative;
  overflow-x: hidden;
}

/* 路由视图容器 */
.router-view-container {
  min-height: 100vh;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* Special class for fixed pages like Vocabulary */
.fixed-page {
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
  position: fixed !important;
  touch-action: none;
}

/* 移除阻止滚动的全局设置 */
/* html,
body {
  height: 100%;
  overflow: hidden !important;
  position: fixed;
  overscroll-behavior: none;
  touch-action: none;
} */

* {
  -webkit-tap-highlight-color: transparent;
}

.no-scroll {
  overflow: hidden !important;
  overscroll-behavior: none;
  touch-action: none;
}

.scroll-y-only {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-x: none;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 设置页面特殊样式 */
.settings-page {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}